<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>code-dialog</title>
        <link rel="stylesheet" href="../static/css/style.css" />
        <link rel="stylesheet" href="../static/css/index.css" />
    </head>
    <body>
        <header>
            <h1>code-dialog平台</h1>
        </header>
        <main>
            <section id="scene1" class="scene active">
                <h2>推荐内容</h2>
                <div id="refresh-indicator" class="refresh-indicator">下拉刷新...</div>
                <div id="posts-container" class="posts-container">
                    <!-- ... -->
                </div>
            </section>
            <section id="scene2" class="scene">
                <h2>消息内容</h2>
                <p>这是消息页面的内容</p>
            </section>
            <section id="scene3" class="scene">
                <h2>我的内容</h2>
                <p>这是“我的”页面内容</p>
                <button id="create-post" class="create-post-btn">创作</button>
            </section>
        </main>
        <footer>
            <nav class="tab-bar">
                <button class="tab-item active" data-scene="scene1">推荐</button>
                <button class="tab-item" data-scene="scene2">消息</button>
                <button class="tab-item" data-scene="scene3">我的</button>
            </nav>
        </footer>
        <script src="../static/js/index.js"></script>
    </body>
</html>